<script type="text/javascript" src="<?=PATH_URL.'static/js/isotope/'?>isotope.js"> </script>
<script type="text/javascript">
		
		$(document).ready(function(){
		var $container = $('#content');
$container.isotope({
	filter: '*',
	animationOptions: {
     duration: 750,
     easing: 'linear',
     queue: false,
   }
});

$('#nav a').click(function(){
  var selector = $(this).attr('data-filter');
    $container.isotope({ 
	filter: selector,
	animationOptions: {
     duration: 750,
     easing: 'linear',
     queue: false,
	 
   }
  });
  return false;
});

});
	</script>
        
<div class="page page-4 overflow-fix clear-fix">
    
    <h3>Bộ sưu tập hình</h3>
   	<div id="nav">
        <ul>
            <li class="check_1 select" ><a onclick="check(1); return false;" href="" data-filter="*">All</a></li>
            <li class="check_2"><a onclick="check(2); return false;" href="" data-filter=".cat1">Category 1</a></li>
            <li class="check_3"><a onclick="check(3); return false;" href="" data-filter=".cat2">Category 2</a></li>
            <li class="check_4"><a onclick="check(4); return false;" href="" data-filter=".cat3">Category 3</a></li>
        </ul>
    </div>
    
    <div id="content">
			<div class="box cat1 cat3">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image" >
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat1">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat2 cat3">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat1">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			<div class="box cat2">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			<div class="box cat2">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat2 cat3">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat1">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
			
			<div class="box cat2 cat3">
            	<a href="<?=PATH_URL.'static/images/tab_contact.png'?>" rel="gallery" class="fancybox-overlay fancybox-image">
					<img src="<?=resizeImage(PATH_URL.'static/images/tab_contact.png',113)?>"/>
                </a>
			</div>
		</div>
</div>

 
